/**
 * SPDX-FileCopyrightText: 2023-2025 Sangfor Technologies Inc.
 * SPDX-License-Identifier: Mulan PSL v2
 */
.app-body {
    .sfv-btn {
        &:active,&:focus{
            outline: none !important;
            border: 1px solid #c8d0e0;
        }

        /** 主要用于工具条上的按钮 **/
        &.custom-btn-blank {
            min-width: 0;
            background-color: transparent;
            border-color: transparent;

            &:enabled:hover {
                background: #edf3fb;
                border-color: #edf3fb;

            }
            &[disabled],
            &[disabled]:active,
            &[disabled]:focus,
            &[disabled]:hover {
                opacity: 0.3;
            }
            &.custom-btn-blank:focus {
                border-color: transparent
            }

            span {
                color: #000;
            }
        }
    }

    .sfv-grid {

        .sfv-toolbar {
            background: #fff;

            .sfv-toolbar_inner {
                border-bottom: none;
            }
        }

        .sfv-table {
            .sfv-table_header {
                background: #f9f9f9;
            }
        }
    }

    .sfv-form-item {
        margin-bottom: 16px;
    }

    .sfv-toolbar {
        background-color: #FFFFFF;
    }

    .sfv-btn.btn-blank {
        border: 0;
        transition: unset;

        &:hover {
            border: 1px solid #ddd;
        }
    }

    /* 需要在layer 加上 abdi-cls 才会显示 */
    @layerBorderColor: #38E1E1;
    @layerBGColor: #EDFFFF;
    .sfv-layer.abdi-cls {
        border: 1px solid @layerBorderColor;

        /* 底左 */
        &[x-placement=bottom-start] .sfv-layer-arrow:before {
            border-bottom-color: @layerBorderColor;
        }
        &[x-placement=bottom-start] .sfv-layer-arrow:after {
            border-bottom-color: @layerBGColor;
        }

        /* 底右 */
        &[x-placement=bottom-end] .sfv-layer-arrow:before {
            border-bottom-color: @layerBorderColor;
        }
        &[x-placement=bottom-end] .sfv-layer-arrow:after {
            border-bottom-color: @layerBGColor;
        }

        /* 右上 */
        &[x-placement=right-start] .sfv-layer-arrow:before {
            border-right-color: @layerBorderColor;
        }
        &[x-placement=right-start] .sfv-layer-arrow:after {
            border-right-color: @layerBGColor;
        }

        /* 右下 */
        &[x-placement=right-end] .sfv-layer-arrow:before {
            border-right-color: @layerBorderColor;
        }
        &[x-placement=right-end] .sfv-layer-arrow:after {
            border-right-color: @layerBGColor;
        }
    }

    /* 告警消息--状态小圆点 */
    .msg-type {
        border-radius: 50%;
        width: 6px;
        height: 6px;
        display: inline-block;
        color: #5F6A75;
    }

    .msg-type-normal {
        background: #18C1C6;
    }

    .msg-type-alert {
        background: #FF9800;
    }

    .msg-type-error {
        background: #EE5555;
    }

    .msg-status-handled {
        opacity: 0.6;
    }

    .msg-status-unhandle {
        opacity: 1;
    }


    /* 覆盖sf-vue-component/dist/theme/default.css 的样式*/
   
}

.header-wrap-outer {
    h1, h2, h3, h4, h5, h6 {
        color: inherit;
    }
}


